.top{
  width:100%;
  height:36px;
  background:#333;
  .top-left{
    float:left;
    margin-left:30px;
    span{
      font-family: HiraginoSansGB-W3;
      font-size: 12px;
      color: #999999;
      line-height:36px;
    }
  }
  .top-right{
    float:right;
    .language{
      width:110px;
      height: 36px;
      position:relative;
      float:left;
      cursor:pointer;
      .language-option{
        width: 100%;
        height: 16px;
        padding:10px 8px;
        .country{
          float:left;
          margin: 2px 8px 0 0;
        }
        .select-img{
          margin:6px 0 0 6px;
          float:left;
        }
        span{
          font-family: HiraginoSansGB-W3;
          font-size: 12px;
          color: #999999;
          float:left;
        }
      }
      .options{
        display:none;
        position:absolute;
        top:36px;
        width:110px;
        height:72px;
        background:#fff;
        z-index: 2;
      }
    }
    .login{
      width: 82px;
      height: 16px;
      float:left;
      padding:10px 0 10px 25px;
      img{
        margin-right:8px;
        float:left;
        margin-top: 2px;
      }
      span{
        display:inline-block;
        float:left;
        font-family: HiraginoSansGB-W3;
        font-size: 12px;
        color: #999999;
      }
    }
    .regist{
      width: 127px;
      height: 16px;
      float:left;
      padding:10px 0 10px 0;
      img{
        margin-right:8px;
        float:left;
        margin-top: 2px;
      }
      span{
        display:inline-block;
        float:left;
        font-family: HiraginoSansGB-W3;
        font-size: 12px;
        color: #999999;
      }
    }
  }
}